<template>
    <div class="form">
        <user-card :info="userInfo" />
    </div>
</template>

<script lang="ts" setup>
import { IUserInfo } from "@/types"
import { UserCard } from "../card/components";
import { useRoute } from "vue-router"
import { ref } from "vue";

const $route = useRoute();
const userInfo = ref<IUserInfo>((() => {
    const { userDetail } = $route.query;
    const detail: IUserInfo = JSON.parse(userDetail as string) as IUserInfo;
    return detail
}
)())
</script>

<style lang="less" scoped>
@import "./form.less";
</style>